/* You can add global styles to this file, and also import other style files */
body{
	padding:0;
	background-color:#aaa;
	font-family: 微软雅黑;
	font-size:14px;
	color:#2C3E50;
}
body div{
	box-sizing: border-box;
}

.absolute{
	position: absolute;
}
.relative{
	position: relative;
}
.fixed{
	position: fixed;
}
.pointer{
	cursor:pointer;
}
.scrollbar-override::-webkit-scrollbar {
	width: 13px;
	height: 10px;
	overflow: hidden;
	transition:all 3s linear;
}
.scrollbar-override::-webkit-scrollbar-thumb{
	transition:all 3s linear;
}
.scrollbar-override:hover::-webkit-scrollbar-thumb:hover{
	background-color: #bbb;
	transition:all 3s linear;
}
.scrollbar-override:hover::-webkit-scrollbar-thumb{
	background-color: #ccc;
	transition:all 3s linear;
}
.tree-item{	
	font-size:13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color:#8D8D8D;
	user-select: none;
	cursor:pointer;
	line-height:1.7em;
}
.tree-item-indent{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.tree-sub-dir{
	/*padding-left:1em;*/
}
.tree-item:hover{
	/*background-color:#ECF0F1*/
	background-color:#E4E4E4;
}

.tree-icon{
	width:16px;
	height:16px;
	vertical-align:middle;
	margin-right:3px;
	transform: translateY(-2px);
}
.tree-icon.file-type{
	margin-left:16px;
}


.expanded{
	display: inline-block;
	width:16px;
	height:16px;
	background-position: center center;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23646465' d='M11 10H5.344L11 4.414V10z'/%3E%3C/svg%3E");
	transform: translateY(3px)
}
.noexpanded{
	display: inline-block;
	width:16px;
	height:16px;
	background-position: center center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23646465' d='M6 4v8l4-4-4-4zm1 2.414L8.586 8 7 9.586V6.414z'/%3E%3C/svg%3E");
	transform: translateY(3px)
}
